<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"  />
		<title>附加导航插件</title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<style>
			.a{
				height: 50px;
				width: 100px;
				border:1px solid #ccc;
				background: #eee;
			}
			a:focus{
				outline: none;
			}
			.nav-pills{
				width: 150px;
			}
			.nav-pills.affix{
				top:30px;
			}
		</style>
	</head>
	<body data-spy='scroll' data-target="#myScrollspy">
		
		<div class="container">
			<div class="jumbotron" style="height:150px">
				<h2>Bootstrap Affix</h2>
			</div>
			<div class="row">
				<div class="col-xs-3" id="myScrollspy">
					<!--data-spy="affix" data-offset-top = "150"-->
					<ul id="myAffix" class="nav nav-pills nav-stacked" >
						<li class="active"><a href="#section-1">第一部分</a></li>
						<li><a href="#section-2">第二部分</a></li>
						<li><a href="#section-3">第三部分</a></li>
						<li><a href="#section-4">第四部分</a></li>
						<li><a href="#section-5">第五部分</a></li>
					</ul>
				</div>
				<div class="col-xs-9">
					<h2 id="section-1">第一部分</h2>
					<p style="line-height: 2;">HTML5 当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
					<h2 id="section-2">第二部分</h2>
					<p style="line-height: 2;">jQuery 当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
					<h2 id="section-3">第三部分</h2>
					<p style="line-height: 2;">javaScript当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
					<h2 id="section-4">第四部分</h2>
					<p style="line-height: 2;">CSS当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
					<h2 id="section-5">第五部分</h2>
					<p style="line-height: 2;">Bootstrap当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。当年张国荣以一部《霸王别姬》让很多人记住了他。而谢君豪则以一部《南海十三郎》压过了张国荣的风头。并获得了当年的金马影帝。但是，也只是片红人不红，谢君豪并没有因为拿了影帝而火起来。看过他的作品的人都知道，他的演技并不比同期的周星驰、刘德华、张国荣逊色。但却只能慢慢的陨落，他出演的影视作品大多数都火了，甚至剧里的配角都慢慢红红火火，作为主角的他却往往人气不高。</p>
				</div>
			</div>
		</div>
		
		<script src="jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script>
			$('#myAffix').affix({
				offset:{
					top:150
				}
			})
		</script>
	</body>
	
</html>
